.box1 {
    border-radius: 5px;
    background-color: rgb(219, 249, 249);
    width: 123px;
    text-align: center;
    height: 123px;
    padding-top: 5px;
    margin-top: 15px;

}

.heart {
    text-align: left;
    padding-top: 10px;
    font-size: 70%;
    padding-left: 13px;


}

.p2 {
    font-weight: bold;
    font-size: x-small;
    color: black;

}

.p1 {
    text-align: center;
    color: red;
    padding-top: 6px;
    font-size: 50%;
    padding-left: 20px;

}

.price {
    text-align: center;
}

.cart {
    font-size: x-small;
    padding-top: 11px;
    padding-left: 18px;
}

.main {
    display: flex;
}

.box2 {
    border-radius: 5px;
    background-color: rgb(195, 250, 250);
    width: 123px;
    text-align: center;
    height: 104px;
    padding-top: 25px;
    margin-top: 15px;
    margin-left: 13px;

}

.heart2 {
    text-align: left;
    padding-top: 25px;
    font-size: 70%;
    padding-left: 13px;


}

.p22 {
    font-weight: bold;
    font-size: x-small;
    color: black;
    padding-top: 30px;

}

.p12 {
    text-align: center;
    color: red;
    font-size: 50%;
    padding-left: 20px;
    padding-top: 22px;

}

.price2 {
    text-align: center;
}

.cart2 {
    font-size: x-small;
    padding-top: 8px;
    padding-left: 18px;
    padding-top: 25px;
}

.main2 {
    display: flex;
}


.box3 {
    border-radius: 5px;
    background-color: rgb(159, 250, 250);
    width: 123px;
    text-align: center;
    height: 104px;
    padding-top: 25px;
    margin-top: 15px;
    margin-left: 13px;

}

.heart3 {
    text-align: left;
    padding-top: 19px;
    font-size: 70%;
    padding-left: 13px;


}

.p23 {
    font-weight: bold;
    font-size: x-small;
    color: black;
    padding-top: 30px;

}

.p13 {
    text-align: center;
    color: red;
    font-size: 50%;
    padding-left: 20px;
    padding-top: 15px;

}

.price3 {
    text-align: center;
}

.cart3 {
    font-size: x-small;
    padding-top: 8px;
    padding-left: 18px;
    padding-top: 19px;
}

.main3 {
    display: flex;
}

.box4 {
    border-radius: 5px;
    background-color: rgb(118, 252, 252);
    width: 123px;
    text-align: center;
    height: 123px;
    padding-top: 5px;
    margin-top: 15px;
    margin-left: 13px;

}

.heart4 {
    text-align: left;
    padding-top: 10px;
    font-size: 70%;
    padding-left: 13px;


}

.p24 {
    font-weight: bold;
    font-size: x-small;
    color: black;

}

.p14 {
    text-align: center;
    color: red;
    padding-top: 7px;
    font-size: 50%;
    padding-left: 20px;

}

.price4 {
    text-align: center;
}

.cart4 {
    font-size: x-small;
    padding-top: 10px;
    padding-left: 18px;
}

.main4 {
    display: flex;
}

.flex {
    display: flex;
    height: fit-content;
    width: fit-content;
    max-width: 1000px;
}